/***************轮播图*****************/
$(function(){
	//轮播图
	$.getJSON("../json/banner.json",function(data){
		
		$.each(data[0],function(index,value){
			//console.log(index,value)			
//			$(".bigimg").append("<li><a href='#'><img style='z-index:"+(4-index)+"' src='../images/" + value.img + "'/></a></li>")			
		//注意给li（或img）添加层级 第一张图层级最高 逐级递减
			$(".bigimg").append("<li><a href='#'><img src='../images/" + value.img + "'/></a></li>")
			$(".smallLi").append("<li></li>")
		});
		$(".smallLi li").eq(0).addClass("normal").siblings().removeClass("normal")//单独给第一张图片添加颜色样式
		$(".bigimg li").eq(0).css("z-index",4);
		//单独给第一张图片增加最高层级
		var timer = setInterval(autoPlay,3000)
		var index = 0;
		function autoPlay(){
			index++;
			if(index >= data[0].length){
			   index = 0;
			}
			$(".smallLi li").eq(index)
							.addClass("normal")
							.siblings()
							.removeClass("normal")
			$(".bigimg li").eq(index)
						   .fadeIn(1000)
						   .siblings()
						   .fadeOut(1000)		
	//		console.log(index);
			
		}
		$(".smallLi li").click(function(){
			clearInterval(timer);
			$(this).addClass("normal")
			       .siblings()
			       .removeClass("normal")
			$(".bigimg li").eq($(this).index())
					  .fadeIn(1000)
					  .siblings()
					  .fadeOut()
			//将当前下标赋予index
			index = $(this).index();
			timer = setInterval(autoPlay,3000)
		})
	})
	
	//热销产品
	//热销产品图片加载
	$.getJSON("../json/supersale.json",function(data){	
		let json = data;
		$.each(data, function(index,value) {
			$(".sale-left img").eq(index).attr({
                    src: value.url
                });
                 $(".sale-left>div").find("p").eq(index + 1).not(".gongao").append(value.introduce);
                 console.log(index);
                $(".sale-left>div").find("i:nth-of-type(1)").eq(index).append(value.price);
                $(".sale-left>div").find("i:nth-of-type(2)").eq(index).append(value.oldPrice);
//          console.log(index,value)
		setInterval(function(){
                    let $date = parseInt((new Date(data[index].date) - new Date()) / 1000);
                    $(".sale-left .time").eq(index ).text("仅剩" + parseInt($date / 60 / 60 / 24 % 24) + "天" + parseInt($date / 60 / 60 % 60) + "时" + parseInt($date / 60 % 60) + "分" + $date % 60 + "秒");
                
            }, 1000)
		});
		
	})
	
	//品牌特卖添加滑过效果：
	$(".brand-cont li").mouseenter(function(){
		$(this).find("span")
			   .stop()
		       .slideDown(500)
	}).mouseleave(function(){
		$(this).find("span")
			   .stop()
		       .slideUp(500)
	})
	
	//品牌logo商标加载
	$.getJSON("../json/banner.json",function(data){

		$.each(data[1], function(index,value) {
			$(".brand-logo").append("<li><a href='#'><img src='../images/" + value.img + "'/></a></li>")
		});
		$(".brand-logo li").hover(function(){
			$(this).css({
				"border":"1px solid #e67fae"
			});
		},function(){
			$(this).css({
			'border':'1px solid #eee'
			})
		})
	})
	
	
	//给每个DIV版权添加滑过效果
$(".sale-left div").not(".title1,.time").hover(function(){
			$(this).css({
				'box-shadow': '0 0 30px #000',
                'z-index': '1'
			})
		},function(){
			$(this).css({
				'box-shadow': 'none',
                'z-index': '0'
			})
		})

})	
	




